/* ***********************
 * Version: MPL 1.1
 *
 * The contents of this file are subject to the Mozilla Public License Version
 * 1.1 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 * http://www.mozilla.org/MPL/
 *
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * The Original Code is readerDefault.css style template.
 *
 * The Initial Developer of the Original Code is Rob Gerns.
 *
 * Portions created by the Initial Developer are Copyright (C) 2010
 * the Initial Developer. All Rights Reserved.
 *
 **************************/
 
 
/*****************************General Structure***********************
* Styles that should be applied
* to all instances of certain
* elements in the HTML document
******************************/
body{ 
/*-webkit-gradient(linear, 0% 0%, 100% 100%, from(#ffffff), to(#dedeef));*/
width:98%;
}

a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}

/*****************************oisterReader Menu***********************
* Styles for elements that are
* part of the oisterReader
* top menu/navigation bar
******************************/

/* The overall container of the menu bar */
#displayMenu{}
.topMenu{ 
border-radius:12px;
border: 1px solid #000000;
background-color:#dfefff;
padding:2px 0px 5px 45px;
background: -webkit-gradient(linear, 0% 0%, 0% 80%, from(#dfefff), to(#ffffff));

}

/* oisterReader Menu Radio Buttons */
#urlFile{}
#localFile{}

/* oisterReader Menu File Method Input Types */
#oisterFileURL{
border-radius:12px;
}
#oisterFileLocal{
border-radius:12px;
}

/* oisterReader Menu Display button */
#displayBtn{
color:#deedff;
background-color:#346699;
border-color:#346699;
border-radius:12px;
}

/* oisterReader Menu Clear button */
#clearBtn{
color:#deedff;
background-color:#346699;
border-color:#346699;
border-radius:12px;
}

/*****************************Features Display Area***********************
* Styles for elements contain 											  
* everything about the Oister 
* file but may just be used
* for structure/layout rather
* than looks
******************************/

/* div layer that "contains" all of the features */
#container{
margin:5px 0px 0px 5px;
}

/***********************************Brief*****************************
* Styles for elements that display 											  
* information from the "brief" 
* section of the Oister file
******************************/

/* Used to attach the brief info to the beginning/top 
   of the container area */
#begin{
border-radius:12px;
border:1px solid #346699;
padding:5px 5px 5px 5px;
margin:0px 0px 2px 0px;
background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#ffffff), to(#ceceff));  /*to: #cfcfee*/
}

/* Used to display the name of the site associated
   with the Oister document */
#sitename{}
.sitename{
text-align:center;
font-weight:bold;
font-size:x-large;
}

/* Used to show the title of the site as a link */
.sitetitle{}

/* Used to display the site tagline, e.g. "Make the world yours." */
#tagline{}
.tagline{
text-align:center;
font-weight:bold;
font-style:italic;
font-size:large;
}

/* Used to display any site authors (not necessarily feature authors) */
.authors{
font-size:small;
text-align:right;
padding:0px 0px 2px 0px;
margin:0px 4px 4px 0px;
}

/* Used to display any e-mail address associated with a site author */
.authorsEmail{
font-size:small;
text-align:right;
}

/* Used to display information/links/etc about any sponsors of the site */  
.sponsor{
padding:2px 0px 2px 0px;
}

/* Used to indicate the creation date of the Oister file */
#createDate{}
.createDate{
font-size:small;
text-align:right;
padding:0px 0px 2px 0px;
}

/* Used to display any license information about the site's Oister file */
#license{}
.license{
padding:0px 0px 2px 0px;
text-align:left;
}

/* Used to display any notes about the Oister file */
#notes{}
.notes{
font-size:small;
padding:0px 0px 2px 0px;
text-align:right;
}

/********************************End Brief****************************/
																	 
/**********************************Shell******************************
* Styles for elements that display 											  
* information from the "shell" 
* section of the Oister file
******************************/

/* Used to display up to 3 advertisements ahead of 
   the features but after the brief info */
#advertisement1{
float:left;
}
#advertisement2{
float:left;
}
#advertisement3{
}
.advertisement{
font-size:small;
height:20px;
border:0px;
padding:2px 2px 2px 2px;
margin:0px 25px 0px 0px;
}

/* Used to display the features according to priority level */
#highest{}
#high{}
#normal{}
#low{}
#lowest{}

/* Used to contain all the information about a single feature that has "Highest" priority*/
.featureHighest{
border-radius:12px;
border:1px solid #000000;
padding:8px 8px 8px 8px;
margin:0px 1px 12px 12px;
background: -webkit-gradient(linear, 50% 40%, 100% 100%, from(#ffffff), to(#cdcdff));
}

/* Used to contain all the information about a single feature that has "High" priority*/
.featureHigh{
border-radius:12px;
border:1px solid #000000;
padding:8px 8px 8px 8px;
margin:0px 1px 12px 12px;
background: -webkit-gradient(linear, 50% 40%, 100% 100%, from(#ffffff), to(#cdcdff)); 
}

/* Used to contain all the information about a single feature that has "Normal" priority*/
.featureNormal{
border-radius:12px;
border:1px solid #000000;
padding:8px 8px 8px 8px;
margin:0px 1px 12px 12px;
background: -webkit-gradient(linear, 50% 40%, 100% 100%, from(#ffffff), to(#cdcdff));  
}

/* Used to contain all the information about a single feature that has "Low" priority*/
.featureLow{
border-radius:12px;
border:1px solid #000000;
padding:8px 8px 8px 8px;
margin:0px 1px 12px 12px;
background: -webkit-gradient(linear, 50% 40%, 100% 100%, from(#ffffff), to(#cdcdff));  
}

/* Used to contain all the information about a single feature that has "Lowest" priority*/
.featureLowest{
border-radius:12px;
border:1px solid #000000;
padding:8px 8px 8px 8px;
margin:0px 1px 12px 12px;
background: -webkit-gradient(linear, 50% 40%, 100% 100%, from(#ffffff), to(#cdcdff));
}


/* The title of the feature */
.featureTitle{
font-size:x-large;
font-weight:bold;
padding:2px 0p 0px 2px;
}

/* Priority level of feature */
.priority{
font-size:medium;
font-weight:bold;
padding:2px 0p 0px 2px;
}

/* This is for the div layer that contains a feature image */
.featureImageDiv{
padding:0px 0px 0px 0px;
margin:2px 5px 2px 0px;
border:0px;
}

/* This is for the feature image itself */
.featureImage{
margin:0px 0px 2px 0px;
}

/* This is for the feature description (the "meat" of the feature) */
.description{
float:none;
margin:0px 0px 5px 0px;
}

/* The div that contains contact information related to the feature */
.featureContact{
margin:2px 0px 0px 25px;

}
.featureContact a{
}

/* The div that contains the link to the feature */
.featurelink{
margin:2px 0px 0px 25px;
}
.featurelink a{
}

/* The tags of the feature */
.tags{
margin:2px 0px 0px 25px;
text-align:right;
}

/* The div that contains a link or some sort of URI to a map 
	that relates to the feature */
.map{
margin:2px 0px 0px 25px;
text-align:right;
}

/* The names of any authors of the feature */
.featureAuthor{
margin:2px 0px 0px 0px;
}

/* The e-mail addresses of any feature contributors */
.contributors{
margin:2px 0px 0px 25px;
text-align:right;
}

/* Any copyright info relating to the feature */
.copyright{
margin:2px 0px 0px 25px;
text-align:right;
}

/* Any documentation relating to the feature */
.documentation{
margin:2px 0px 0px 25px;
text-align:left;
}

/* Any sort of GUID for the feature */
.guid{
margin:2px 0px 0px 25px;
text-align:right;
}

/* The timestamp of the feature (when it was posted/created) */
.timestamp{
margin:2px 0px 0px 25px;
}

/* The showuntil datetime of the feature (just in case it's displayed) */
.featureShowUntil{
margin:2px 0px 0px 25px;
}

/* A div that contains any URIs of media files that go with the feature */
.media{
margin:2px 0px 0px 25px;
}

/********************************End Shell****************************/



/********************************Templates****************************
* Styles for elements that are 											  
* from extensions, for custom 
* templates, etc.
******************************/

